

<!-- 自己调用创建的组件 -->
<!-- <app-news>11</app-news> -->
<!-- 调用自己的根组件 -->
<!-- <app-home></app-home> -->
<!-- 调用刚创建的 form 组件 -->
<!-- <app-form></app-form> -->
<!-- <app-search></app-search> -->
<!-- <app-todolist></app-todolist> -->
<!-- <app-zujian></app-zujian> -->
<!-- <app-newss></app-newss> -->
<!-- <app-transition></app-transition> -->
<!-- 第9-11课没有学，先看数据请求，得着手开始做了,已经学习完了 -->
<!-- <app-post></app-post> -->
<!-- <app-home></app-home> -->
<!-- <button (click)="changeFlag()">挂载以及卸载组件</button>
<app-news *ngIf="flag==true"></app-news> -->
<!-- <app-home></app-home> -->
<!-- <app-post></app-post> -->
<!-- <header class="header">
    <a class="lianjie" [routerLink]="['/home']"   routerLinkActive="active" >首页</a>
    <a  class="lianjie" routerLink="/news"  routerLinkActive="active" >新闻</a>
</header> -->

<!-- 可以挂载 user 模块-->
<app-user></app-user>
<hr>
<!-- 但是没法 挂载 user 模块里面的组件，卧槽，可以 -->
<app-address></app-address>
<hr>
<!-- 调用 product 模块 -->
<app-product></app-product>
<hr>
<!-- 用于放动态加载的组件 -->
<router-outlet></router-outlet>